<ion-view view-title="发起的拍卖" class="myrecord">

    <div class="bar bar-subheader padding-bottom-0">
        <div class="row padding-0 text-center  font-large-my  padding-0">
            <div class="col col-10">&nbsp;</div>
            <div class="col" ng-class="selectIndex==0?'top-activated':''" on-tap="activeSlide(0)">
                活动中
            </div>
            <div class="col" ng-class="selectIndex==1?'top-activated':''" on-tap="activeSlide(1)">
                已结束
            </div>
            <div class="col col-10">&nbsp;</div>
        </div>
    </div>
    <ion-content class="has-subheader">
        <ion-refresher pulling-text="下拉刷新..." on-refresh="doRefresh()"></ion-refresher>

        <ion-slide-box delegate-handle="main-handle" on-slide-changed="slideChanged(index)" active-slide="slideIndex" show-pager="false">
            <!--活动中-->
            <ion-slide>
                <div class="list list-borderless" ng-repeat="auction in data.act">
                    <div class="item item-thumbnail-left" style="padding-right: 5px; padding-bottom:5px; padding-top:5px;">
                        <img src="{{auction.image.image}}">
                        <!--<p >{{auction.name}}</p>-->
                        <p><span class="assertive">{{auction.name}}</span><span class="right-zhang balanced">活动中...</span></p>
                        <p><i class="icon ion-clock"></i>{{auction.start_time}}</p>
                        <p><i class="icon ion-clock"></i>{{auction.end_time}}</p>
                        <p>
                            <span on-tap="onshow_auction_agent()"><i class="icon ion-person assertive"></i>参加</span>
                            <i class="icon ion-android-contacts assertive margin-left-10-my"></i>群互动
                        </p>
                    </div>
                </div>
            </ion-slide>

            <!--已结束-->
            <ion-slide>
                <div class="list list-borderless" ng-repeat="auction in data.act">
                    <div class="item item-thumbnail-left" style="padding-right: 5px; padding-bottom:5px; padding-top:5px;">
                        <img src="{{auction.image.image}}">
                        <!--<p >{{auction.name}}</p>-->
                        <p><span class="assertive">{{auction.name}}</span><span class="right-zhang">已结束</span></p>
                        <p><i class="icon ion-clock"></i>{{auction.start_time}}</p>
                        <p><i class="icon ion-clock"></i>{{auction.end_time}}</p>
                        <p>
                            <span on-tap="onshow_statistics_auction_agent()"><i class="icon ion-android-options assertive"></i>统计</span>
                        </p>
                    </div>
                </div>
            </ion-slide>

        </ion-slide-box>
        <ion-infinite-scroll ng-if="!isLoad" immediate-check="false" on-infinite="doRefreshMore()" distance="1%"></ion-infinite-scroll>
    </ion-content>
</ion-view>